<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>温州在线</title>
    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<style>
    img{
        height: 400px;
        margin: 0 auto;
    }
</style>
    <header class="heima_topBar hidden-sm hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <a href="#" class="heima_app">
                        <span>app下载</span>
                        <span class="glyphicon glyphicon-menu-down"></span>
                        <img src="images/code.jpg" alt=""/>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#" type="button" class="btn btn-danger btn-sm btn-register">免费注册</a>
                    <a href="#" type="button" class="btn btn-link btn-sm btn-login">登录</a>
                </div>
            </div>
        </div>
    </header>

    <nav class="navbar heima_nav">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="#">论坛</a></li>
                    <li><a href="#">婚嫁</a></li>
                    <li><a href="#">房产</a></li>
                    <li><a href="#">人才</a></li>
                    <li><a href="#">相亲</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div id="slidershow" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li class="active" data-target="#slidershow" data-slide-to="0"></li>
            <li data-target="#slidershow" data-slide-to="1"></li>
            <li data-target="#slidershow" data-slide-to="2"></li>
            <li data-target="#slidershow" data-slide-to="3"></li>
            <li data-target="#slidershow" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <a href="#" >
                    <img src="images/1.jpg" height="400px" margin="0">
                </a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/2.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/3.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/4.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/5.jpg">
                </a>
                <div class="carousel-caption"></div>
            </div>
        </div>
        <a href="#slidershow" class="left carousel-control" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a href="#slidershow" class="right carousel-control" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/underscore/underscore-min.js"></script>
<script src="../../../WebstormProjects/untitled1/js/swipe.js"></script>
<script src="../../../WebstormProjects/untitled1/js/index.js"></script>
</body>
</html>